/* reset */
*,*:after,*:before { margin:0; padding:0; box-sizing: border-box } 
body { font-size:4vw; color:#333; }
a,a:hover { text-decoration: none; }
ul { list-style: none }
button { outline: none }
img { border:none; vertical-align: top }
.pr { position: relative }
.pa { position: absolute }
.fl { float:left }
.fr { float:right }
.tc { text-align: center }
a { color:#666; }

/** 首页 */
.member-nav { overflow: hidden; padding:6vw 4vw 0; }
.member-nav a { float:left; width:48%; background-repeat: no-repeat; background-position: center top;
    background-size: 100%; height:46vw; font-size:12px; padding-top:36vw; line-height: 6vw; }
.member-nav a:nth-child(2n-1)  { margin-right:4% }
.member-nav a:nth-of-type(1) { background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/list-nav-1.png) }
.member-nav a:nth-of-type(2) { background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/list-nav-2.png) }
.member-nav a:nth-of-type(3) { background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/list-nav-3.png) }
.member-nav a:nth-of-type(4) { background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/list-nav-4.png) }

.member-content {  padding-bottom:6vw; } 
.member-content h2 { background:url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/member-title.png) no-repeat center; background-size: 100%; height:20vw;  }
.member-content ul { padding-left:8vw; padding-right:8vw; padding-top:6vw; overflow: hidden; }
.member-content li { float:left; width:28vw; height:26vw;font-size:12px; line-height: 6vw; text-align: center;
    background-repeat: no-repeat; background-position: center top; background-size: 14vw; padding-top:17vw;
    border-right:1px dashed #ddd; margin-bottom:8vw }
.member-content li:nth-child(3n) { border:none; }
.member-content li:nth-of-type(1) {  background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/member-1.png); }
.member-content li:nth-of-type(2) {  background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/member-2.png); }
.member-content li:nth-of-type(3) {  background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/member-3.png); }
.member-content li:nth-of-type(4) {  background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/member-4.png); }
.member-content li:nth-of-type(5) {  background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/member-5.png); }
.member-content li:nth-of-type(6) {  background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/member-6.png); }


.member-detail { width:80%; margin: 4vw auto; background-color: #fff; box-shadow: 0 0 20px #eae9e5;
    border-radius: 6px; padding:10vw 5vw 35vw; position: relative;  } 
.member-detail p { font-size:12px; line-height: 6vw; padding-bottom:6vw; }
.member-detail span { font-size:1.1em; color: #a7824b;  }
.member-detail a { position: absolute; font-size:4vw; height:10vw; width:60%; text-align: center; border-radius: 10vw;
     color:#fff;  background-color: #a7824b; line-height: 10vw; bottom:8vw; left:50%; transform: translateX(-50%);  }
.member-detail:before { content:''; position: absolute; width:100%; height:12vw; bottom:20vw; left:0;
    background:url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/member-link.png) no-repeat center top; background-size: 100%;  }

.member-hint { font-size:12px; text-align: center; color:#9e9e9e; line-height: 6vw; } 


/** item */
.item-top { padding-top:10vw; background-repeat: no-repeat; background-position: center bottom; height:118vw;
    background-size: 100%; margin-bottom:10vw; }
.item-top-1 {  background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/item-1.jpg); }
.item-top-2 {  background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/item-2.jpg); }
.item-top-3 {  background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/item-3.jpg); }
.item-top-4 {  background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/item-4.jpg); }

.member-detail-item { padding-top:8vw; margin-bottom:5vw; }
.member-detail-item .item-wrap  { overflow: hidden; border:none; width:100%; }
.member-detail-item i  { float:left; width:20%; height:20vw; margin-right:5%; background-repeat: no-repeat; 
    background-position: center; background-size: 100%;  }
.member-item-1 { background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/member-item-1.png); }
.member-item-2 { background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/member-item-2.png); }
.member-item-3 { background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/member-item-3.png); }
.member-item-4 { background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/member-item-4.png); }
.member-item-5 { background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/member-item-5.png); }
.member-item-6 { background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/member-item-6.png); }
.member-item-7 { background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/member-item-7.png); }
.member-item-8 { background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/member-item-8.png); }
.member-item-9 { background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/member-item-9.png); }
.member-item-10 { background-image: url(http://ymaccelerator.oss-cn-beijing.aliyuncs.com/ym_activity/unimember/member-item-10.png); }

.item-wrap:first-child { margin-top:0; }
.item-wrap { margin-top:4vw; }
.member-detail-item .item-content  { float:right; width:75%; }
.member-detail-item h3  { font-size:14px; color:#d0a763; font-weight: normal; line-height: 7vw; }
.member-detail-item .item-content div { font-size:12px; line-height: 5vw; }
.member-detail-item .item-content div span { font-size:5vw; color:#d0a763;  }


@media screen and (min-width:1200px){
    /** list */
    .member-content,
    .member-nav { width:600px; margin:0 auto; }
    .member-nav {  padding:40px 15px 0; }
    .member-content { padding-bottom:20px; }
    .member-nav a { height:270px; padding-top:220px; font-size:14px; line-height: 24px; text-indent: 10px; }
    .member-content h2 { height:130px;  }
    .member-content ul { padding: 0 20px; }
    .member-content li { width:30%; font-size:14px; background-size:50px; margin-bottom:20px; padding-top:60px; 
      line-height: 30px; height:100px; }
    .member-detail { margin:30px; padding:50px 30px 150px;  }
    .member-detail p { font-size:14px; line-height: 24px; padding-bottom:15px; }
    .member-detail:before { height:130px; bottom:18px; }
    .member-detail a  {  height:40px; line-height: 40px; font-size:14px; bottom:40px; }
    .member-hint { line-height: 30px; font-size:14px; }

    /** item */
    .item-top { width:600px; margin:0 auto; padding-top:50px; height:680px; }
    .member-detail { margin:20px 0; }
    .member-detail { width:100%; }

    .member-detail-item i { height:100px; background-size:70px; margin:0; }
    .member-detail-item .item-content h3 { font-size:16px; line-height: 30px; }
    .member-detail-item .item-content div { font-size:14px; line-height: 30px; }
    .member-detail-item .item-content div span { font-size:20px;  }
    .member-detail-item .item-content { width:80%; }
    .item-wrap { margin-top:15px; }
 }